import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex) //把vuex注入所有的子组件 这样的话其它的子组件可以通过$store.state..访问到stror
var info = JSON.parse(localStorage.getItem('userName')) || ''
const state = { //储存状态的地方
    count: 1, //自己初始化的属性 
    //state是响应式的 发生改变之后 会同步到视图
    userName: info.userName || "",
    nickName: info.nickName || ""
}

const mutations = { // 这里可以改变 state里面的状态值 只有mutation才可以改变state的状态
    saveName: (state, userName) => state.userName = userName,
    saveNickName: (state, nickName) => state.nickName = nickName
}

const actions = { // 这里写了一些函数 其实就是调用 mutation里面的方法
    
}

export default new Vuex.Store({
    state,
    mutations,
    actions
})